﻿/*****通用编码******/
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
img{border:none;}
body {color:#666; font:62.5%/1.5   Arial, "Microsoft Yahei";width:100%;height: 100%; background-color:#fff;}
ul,ol,li,form, dl {list-style: none;}
p{margin:0px; padding:0px;}
a{text-decoration:none;color:#434343;}
a:hover {text-decoration:none;}
div{ margin:0 auto;}
::-webkit-scrollbar{width:4px;height:11px;border:none;background:#1e8dff!important}::-webkit-scrollbar-track-piece{border:none;position:absolute;padding:0;box-shadow:none;background-color:#1e8dff;border-radius:1px}::-webkit-scrollbar-thumb:vertical{background-color:#1e8dff;border-radius:0;border:none}::-webkit-scrollbar-thumb:horizontal{background-color:#1e8dff;border-radius:0;border:none}::-webkit-scrollbar{width:4px;height:12px}::-webkit-scrollbar-button:vertical{display:none}::-webkit-scrollbar-track:vertical{background-color:#000}::-webkit-scrollbar-track-piece{background:#fff}::-webkit-scrollbar-thumb:vertical{background-color:#1e8dff;border-radius:5px}::-webkit-scrollbar-thumb:vertical:hover{background-color:#1e8dff}::-webkit-scrollbar-corner:vertical{background-color:#1e8dff}::-webkit-scrollbar-resizer:vertical{background-color:#1e8dff}
/* Fonts */
@font-face {
    font-family: 'iconfont';  /* project id 1738101 */
    src: url('//at.alicdn.com/t/font_1738101_493p2851bme.eot');
    src: url('//at.alicdn.com/t/font_1738101_493p2851bme.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1738101_493p2851bme.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1738101_493p2851bme.woff') format('woff'),
    url('//at.alicdn.com/t/font_1738101_493p2851bme.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1738101_493p2851bme.svg#iconfont') format('svg');
}
.Yc-icon{ font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/*Public*/
.text-box{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column}
.box-flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.pull-overflow,.AcUi-overflow{overflow:hidden;}
.text-center .img-responsive{margin:auto;}
.container{padding: 0}
@media(max-width:760px){
    .container{padding:  0 5px;}
}
/*Welcome*/
#Welcome{height: 40px;background: #e9e9e9;line-height: 40px;font-size: 14px;color:#5b5b5b}
#Welcome p a{color: #6d6d6d;margin-left: 15px;font-size: 12px;}
#Welcome p a i{color: #6d6d6d;font-size: 12px;margin-right: 3px;}
@media(max-width: 992px) and (min-width: 768px){
    #Welcome{font-size: 12px;}
    #Welcome p a{margin-left: 0}
}
/*Header*/
#Header{height: 90px;background: #fff;-moz-box-shadow:0px 2px 4px #8F8F8F; -webkit-box-shadow:0px 2px 4px #8F8F8F; box-shadow:0px 2px 4px #8F8F8F;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s; }
.Header-logo{width: 428px;height: 72px;background: url(../images/logo_1.png) no-repeat 0 center;margin-top: 8px;}
.Header-logo a{display: block;width: 100%;height: 100%;opacity: 0}
.Header-nav{width: 60%;height: 90px;}
.Header-nav li{width: 14.285%;float: left;text-align: center;position: relative}
.Header-nav li>a{display: inline-block;line-height: 90px;font-size: 16px;color: #6d6d6d;position: relative;overflow: hidden}
.Header-nav li>a:before{position: absolute;left: 0;bottom:-4px;width:100%;height: 2px;background: #1e8dff;content: "";transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-o-transition: ease .3s;}
.Header-nav li>a:after{position: absolute;left: 50%;bottom: -10px;width: 0;height: 0;border-bottom: solid 6px #1e8dff;border-left: 4px solid transparent;border-right: solid 4px transparent;content: "";margin-left: -4px;transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-o-transition: ease .3s;}
.Header-nav li:hover>a,.Header-nav li.active>a{color: #1e8dff}
.Header-nav li:hover>a:before,.Header-nav li.active>a:before{bottom: 0}
.Header-nav li:hover>a:after,.Header-nav li.active>a:after{bottom: 2px}
.Header-button{margin-right:2%;margin-top:5px;position:relative; height:50px;width:30px;cursor:pointer;}
.Header-button:after,.Header-button:before{position:absolute;left:0;width:100%;height:2px;background:#1894c8;content:"";transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-button:after{bottom:13px;}
.Header-button:before{top:13px;}
.Header-button span{display:block;height:2px;width:100%;background:#1894c8;position:absolute;top:50%;left:0;border-radius:2px;margin-top:-1px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-button.active:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;left:5px;bottom:13px;}
.Header-button.active:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;top:13px;left:5px;}
.Header-button.active span{opacity:0}
#Header.active{position: fixed;left: 0;top: 0;width: 100%;z-index: 11}
@media(max-width: 1080px) and (min-width: 993px){
    .Header-nav{width: 54%}
}
@media(max-width: 1080px) and (min-width: 768px){
    .Header-logo{width: 40%;background-size: contain}
    .Header-button{margin-top: 20px;}
    .Header-nav{width: 55%}
    .Header-nav li{padding: 0 10px;}
    .Header-nav li>a{padding: 15px 0;line-height: 30px}
}
@media(max-width: 760px){
    #Header{position: fixed;left: 0;top: 0;width: 100%;height:60px;z-index: 11}
    .Header-logo{width: 70%;height: 50px;margin-top: 5px;background-size: contain}
}
/*Nav*/
nav{position: fixed;left: 0;top:-150%;background: #0093ec;z-index: 10;width: 100%;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
nav a{display: block;line-height: 34px;font-size: 14px;color: #fff;border-top: solid 1px #0d89d5;border-bottom: solid 1px #6abcee;text-align: center}
nav a:hover,nav a.active{background: #0d89d5;color: #fff;}
nav.active{top: 60px;}
/*Banner*/
#Banner div.Yc-icon{width: 35px;height: 60px;background: rgba(0,0,0,.4);border-radius: 2px;}
#Banner div.Yc-icon:after{font-size: 18px;color: #fff;}
#Banner div.Yc-icon:hover{background: #1e8dff}
@media(max-width: 760px){
    #Banner{margin-top: 60px;}
}
/*Main*/
.Home-Title{font-size: 3.6rem;color: #0093ec;font-weight: bold;position: relative;}
.Home-Title span{padding-bottom: 30px;display: block;position: relative}
.Home-Title:before,.Home-Title:after{position: absolute;bottom: 7px;width: calc(50% - 20px);height: 1px;background: #d8d8d8;content: "";}
.Home-Title:before{left: 0}
.Home-Title:after{right: 0}
.Home-Title span:after{position: absolute;left: 50%;bottom: 0;width: 16px;height: 16px;border: 2px solid #0093ec;border-radius: 50%;content: "";background: transparent;z-index: 3;margin-left: -8px;}
.Home-Fitle{margin-top: 10px;font-size: 16px;color: #7c7c7c}
@media(max-width: 760px){
    .Home-Title{font-size: 2rem;}
    .Home-Title:before,.Home-Title:after{bottom: 6px;}
    .Home-Title span{padding-bottom: 25px;}
    .Home-Title span:after{width: 12px;height: 12px;margin-left: -6px}
    .Home-Fitle{font-size: 12px;}
}
/*Home Service*/
.Home-Service{padding: 30px 0}
.Home-Service-list{margin-top: 45px;}
.Home-Service-list li{padding: 0 13px;margin-bottom: 45px;}
.Home-Service-list li a{display: block;overflow: hidden;background: #fff;transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-o-transition: ease .3s}
.Home-Service-img{overflow: hidden}
.Home-Service-img img{transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-o-transition: ease .3s}
.Home-Service-list li h3{background: #f3f3f3;line-height: 60px;font-size: 16px;color: #6f6f6f}
.Home-Service-list li:hover a{-moz-box-shadow:0px 0px 13px rgba(0,0,0,.26); -webkit-box-shadow:0px 0px 13px rgba(0,0,0,.26); box-shadow:0px 0px 13px rgba(0,0,0,.26);}
.Home-Service-list li:hover h3{background: #009fff;color: #fff}
.Home-Service-list li:hover .Home-Service-img img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2)}
.Home-Service-tel{text-align: center;margin-bottom: 35px;}
.Home-Service-tel p{display: inline-block;height: 60px;border: solid 1px #848484;border-radius: 30px;padding: 0 280px 0 25px;font-size: 20px;color: #525252;font-weight: bold;line-height: 58px;position: relative}
.Home-Service-tel p b{font-size: 28px;color: #ff9900}
.Home-Service-tel p a{position: absolute;right: -1px;top: -1px;height: 60px;border-radius: 0 30px 30px 0;width: 260px;background: #ff9900;text-align: center;font-size:20px;color: #ffffff}
@media(max-width: 992px) and (min-width: 768px){
    .Home-Service-tel p{font-size: 16px;}
    .Home-Service-tel p b{font-size: 20px;}
}
@media(max-width: 760px){
    .Home-Service-list{margin-top: 25px;margin-bottom: 30px;}
    .Home-Service-list li{padding: 0 5px;margin-bottom: 10px;}
    .Home-Service-list li h3{line-height: 40px;font-size: 1.4rem}
    .Home-Service-tel{margin-bottom: 5px;}
    .Home-Service-tel p{display: block;overflow: hidden;height: 40px;width: 150px;padding-right: 0;border-color: #ff9900;margin: auto}
    .Home-Service-tel p a{width: 100%;height: 40px;font-size: 12px;line-height: 40px;}
}
/*Home Case*/
.Home-Case{background: #e0f2ff;padding: 40px 0 60px;}
.Home-Case .container{padding-top: 55px;}
.Home-Case-box{position: relative;}
.Home-Case-box>div.Yc-icon{background: none;outline: none;}
.Home-Case-box>div.Yc-icon:after{font-size: 18px;color: #7c7c7c}
.case-prev{left: -50px}
.case-next{right: -50px}
.Home-Case-box li a{display: block;background: #fff;}
.Home-case-img{overflow: hidden}
.Home-case-img img{transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-o-transition: ease .3s}
.Home-Case-box li h3{background: #f3f3f3;line-height: 60px;font-size: 16px;color: #6f6f6f}
.Home-Case-box li:hover a{-moz-box-shadow:0px 0px 13px rgba(0,0,0,.26); -webkit-box-shadow:0px 0px 13px rgba(0,0,0,.26); box-shadow:0px 0px 13px rgba(0,0,0,.26);}
.Home-Case-box li:hover h3{background: #009fff;color: #fff}
.Home-Case-box li:hover .Home-case-img img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2)}
.Home-Case-more{margin-top: 50px;}
.Home-Case-more  a{width: 250px;height: 40px;background: #0093ec;color: #fff;font-size: 16px;display: block;margin:auto;text-align: center;line-height: 40px;}
@media(max-width: 1080px) and (min-width: 993px){
    .case-prev{left:-25px}
    .case-next{right:-25px}
}
@media(max-width: 992px) and (min-width: 768px){
    .Home-Case-box>div.Yc-icon{display: none}
}
@media(max-width: 760px){
    .Home-Case{padding: 30px 0 }
    .Home-Case .container{padding-top: 20px}
    .Home-Case-more{margin-top: 30px;}
    .Home-Case-more a{width: 160px;border-radius: 4px}
}
/*Home Advatage*/
.Home-Advatage{position: relative;padding-top: 40px;}
.Home-Advatage:after{position: absolute;left: 0;top: 0;width: 100%;height: 275px;background: url(../images/backg_1.jpg) left top;content: ""}
.Home-Advatage .Home-Title,.Home-Advatage .Home-Fitle{position: relative;z-index: 2;color: #fff}
.Home-Advatage .Home-Title:after,.Home-Advatage .Home-Title:before{background: #fff}
.Home-Advatage .Home-Title span:after{border-color: #fff}
.Home-Advatage-list{margin-top: 35px;position: relative;z-index: 3;padding: 5px}
.Home-Advatage-list li{margin-bottom: 55px;background: #fff;width: 100%;-moz-box-shadow:0px 3px 8px #DBDBDB; -webkit-box-shadow:0px 3px 8px #DBDBDB; box-shadow:0px 3px 8px #DBDBDB;
    padding: 25px;}
.Home-Advatage-box{background: #eff8ff}
.Home-Advatage-text{padding: 45px 35px;width: 30%}
.Home-Advatage-title{margin-bottom: 30px;overflow: hidden}
.Home-Advatage-title span{width: 65px;height: 65px;line-height: 65px;text-align: center;font-size: 36px;color: #fff;position: relative;float: left;display: block;background: #ff9900;font-weight: bold}
.Home-Advatage-title span:before,.Home-Advatage-title span:after{position: absolute;background:#fff;width: 1px;height: 8px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);content: ""}
.Home-Advatage-title span:before{right: 8px;top: 5px;}
.Home-Advatage-title span:after{left: 8px;bottom: 5px}
.Home-Advatage-title b{display: block;float: left;width: calc(100% - 65px);padding-left: 10px;font-size: 26px;color: #0093ec;line-height: 32px }
.Home-Advatage-text p{font-size: 16px;color: #494949;line-height: 1.6}
.Home-Advatage-img{width: 70%;padding: 0}
.Home-Advatage-list li:nth-child(even) .Home-Advatage-img{float: left}
.Home-Advatage-list li:nth-child(even) .Home-Advatage-text{float: right}
@media(max-width: 1080px) and (min-width: 993px){
    .Home-Advatage-text{padding: 15px;}
    .Home-Advatage-title b{font-size: 24px;}
}
@media(max-width: 992px) and (min-width: 768px){
    .Home-Advatage-text{padding: 10px;width: 35}
    .Home-Advatage-title{margin-bottom: 15px;}
    .Home-Advatage-title span{width: 50px;height: 50px;font-size: 26px;line-height: 50px}
    .Home-Advatage-title b{font-size: 16px;line-height: 25px}
    .Home-Advatage-text p{font-size: 12px;}
    .Home-Advatage-img{width: 65%}
}
@media(max-width: 760px){
    .Home-Advatage{padding-top: 30px;}
    .Home-Advatage-list{margin-top: 20px;margin-bottom: 30px;}
    .Home-Advatage-list li{padding: 5px;width: 50%;margin-bottom: 0}
    .Home-Advatage-text{width: 100%;padding: 10px}
    .Home-Advatage-title{margin-bottom: 15px;}
    .Home-Advatage-title span{width: 40px;height: 40px;line-height: 40px;font-size: 14px;}
    .Home-Advatage-title b{width: calc(100% - 40px);font-size: 1.4rem;line-height: 20px;}
    .Home-Advatage-text p{font-size: 1.2rem;min-height: 150px;}
    .Home-Advatage-img{width: 100%}
}
/*Home About*/
.Home-About{background: url(../images/backg_2.jpg) no-repeat top center;padding-top: 85px;}
.Home-About .container{background: #fff;padding: 50px 50px 40px;-moz-box-shadow:0px 3px 8px #DBDBDB; -webkit-box-shadow:0px 3px 8px #DBDBDB; box-shadow:0px 3px 8px #DBDBDB;}
.Home-About-box{margin-bottom: 55px;}
.Home-About-left{padding-left: 0;padding-right: 25px}
.Home-About-left .Home-Title{font-size: 32px;color: #191919;text-align: left;font-weight: normal;}
.Home-About-left  .Home-Title:before, .Home-About-left  .Home-Title:after{width: 45px;}
.Home-About-left  .Home-Title:after{left:80px;right: auto}
.Home-About-left  .Home-Title span:after{left: 63px}
.Home-About-left  .Home-Fitle{text-align: left;margin-top: 20px;font-size: 18px;color: #4f4f4f}
.Home-About-text{margin-top: 15px;padding-right: 50px;font-size: 14px;color: #8d8d8d;margin-bottom: 30px;line-height: 2;}
.Home-About-right{padding-right: 0;}
.Home-About-more a{display: block;width: 158px;height: 38px;border: solid 1px #2173e6;line-height: 38px;text-align: center;color: #2173e6;font-size: 14px;}
.Home-number-list{margin: auto -15px;}
.Home-number-block{border: solid 1px #dddddd;text-align: center;height: 100px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.Home-number-block p{display: inline-block;font-size: 16px;color: #707070}
.Home-number-block p span{font-size: 34px;color: #0093ec;font-weight: bold}
.Home-number-block b{font-size: 16px;color: #707070;font-weight: normal;margin-left: 10px;}
@media(max-width: 1080px) and (min-width: 993px){
    .Home-About-left .Home-Fitle{font-size: 16px}
    .Home-About-text{padding-right: 0;}
}
@media(max-width: 992px) and (min-width: 768px){
    .Home-About .container{padding: 20px}
    .Home-About-text{padding-right: 0}
}
@media(max-width: 760px){
    .Home-About .container{margin: auto 5px;padding: 15px}
    .Home-About-box{margin-bottom: 20px;}
    .Home-About-left{padding-right: 0}
    .Home-About-left .Home-Title{font-size: 2.6rem;text-align: center}
    .Home-About-left .Home-Title:before{left: 50%;margin-left: -65px;}
    .Home-About-left .Home-Title span:after{left: 50%;}
    .Home-About-left .Home-Title:after{left: auto;right: 50%;margin-right: -65px}
    .Home-About-left .Home-Fitle{font-size: 14px;margin-top: 15px;text-align: center}
    .Home-About-text{padding-right: 0;font-size: 12px;}
    .Home-About-more a{margin: auto}
    .Home-About-right{margin-top: 30px;padding-left: 0}
    .Home-number-list{margin: auto -5px;}
    .Home-number-list li{padding:  0 5px;margin-bottom: 10px;}
    .Home-number-block{height: 70px;}
}
/*Home News*/
.Home-News{margin-top: 75px;}
.Home-News .Home-Fitle{font-size: 14px;margin-bottom: 60px;}
.Home-News .Home-Title:before,.Home-News .Home-Title:after{width: 72px;left: 50%;margin-left: -90px}
.Home-News .Home-Title:after{right: 50%;margin-left: 0;margin-right: -90px;left: auto}
.Home-News-list li{margin-bottom: 50px;}
.Home-News-list li a{display: block;position: relative;padding-bottom: 65px;overflow: hidden;transition: ease 1s;-webkit-transition: ease 1s;-moz-transition: ease 1s;-o-transition: ease 1s}
.Home-News-list li a:before,.Home-News-list li a:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #d0d0d0;content: "";transition: ease 1s;-webkit-transition: ease 1s;-moz-transition: ease 1s;-o-transition: ease 1s}
.Home-News-list li a:before{left: 0}
.Home-News-list li a:after{left: -100%;background: #ffbc00}
.Home-News-img{overflow: hidden}
.Home-News-img img{transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-o-transition: ease .3s}
.Home-News-text{padding-top: 35px;}
.Home-News-time{width: 90px;height: 90px;border: solid 1px #ddd;padding-left: 15px;transition: ease 1s;-webkit-transition: ease 1s;-moz-transition: ease 1s;-o-transition: ease 1s}
.Home-News-time b,.Home-News-time span{display: block;font-size: 22px;color: #656565;text-align: left;width: 100%}
.Home-News-time span{font-size: 12px;color: #999}
.Home-News-sunmary{width: calc(100% - 90px);padding-left: 25px;}
.Home-News-sunmary h3{font-size: 16px;color: #373737;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 10px;}
.Home-News-sunmary p{font-size: 14px;color: #848484;line-height: 22px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden;}
.Home-News-list li:hover a:before{left: 100%}
.Home-News-list li:hover a:after{left: 0}
.Home-News-list li:hover .Home-News-sunmary h3{color: #ffbc00;text-decoration: underline}
.Home-News-more{margin-bottom: 50px;}
.Home-News-more a{border: solid 1px #dfdfdf;width: 260px;height: 50px;line-height: 50px;text-align: center;display: block;margin: auto;color: #b1b1b1;text-transform: uppercase;position: relative;transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-o-transition: ease .3s}
.Home-News-more a:before{position: absolute;left: 0;bottom: 0;width: 0;height: 100%;background: #ff9900;content: "";transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-o-transition: ease .3s}
.Home-News-more a:hover:before{width: 100%}
.Home-News-more a span{position: relative;z-index: 3;}
.Home-News-more a:hover span{color: #fff}
.Home-News-list li:hover .Home-News-time{background: #ffbc00;border-color: #ffbc00;color:#fff;}
.Home-News-list li:hover .Home-News-time span{color: #fff;}
.Home-News-list li:hover .Home-News-time b{color: #fff}
@media(max-width: 760px){
    .Home-News{margin-top: 40px;}
    .Home-News .Home-Fitle{margin-bottom: 20px}
    .Home-News-list li{margin-bottom: 15px;padding: 0 5px;}
    .Home-News-text{padding-top: 10px;}
    .Home-News-list li a{padding-bottom: 15px;}
    .Home-News-time{width: 50px;height: 60px;padding-left: 5px;}
    .Home-News-time b, .Home-News-time span{font-size: 1.4rem}
    .Home-News-time span{font-size: 1.2rem}
    .Home-News-sunmary h3{font-size: 1.4rem}
    .Home-News-sunmary{width: calc(100% - 50px);padding-left: 10px;}
    .Home-News-sunmary p{-webkit-line-clamp:2;font-size: 1.2rem;line-height: 1.4}
    .Home-News-more{margin-top: 30px;}
    .Home-News-more a{width: 120px;height: 34px;line-height: 34px;border-radius: 4px;}
}
    /*Footer*/
#Footer{background: #0e3e82;padding-top: 45px;}
.Footer-left{width: 65%;}
.Footer-nav{margin-bottom: 25px;font-size: 1.6rem;color:#d2d2d2}
.Footer-nav a{display: inline-block;padding:0 30px;position: relative;color:#dceafe}
.Footer-nav a:after{position: absolute;right: 0;top: 50%;width: 1px;height: 16px;background: #dceafe;content: "";margin-top: -8px;}
.Footer-nav a:first-child{padding-left: 0}
.Footer-left dl dd{padding-left: 0;font-size: 1.4rem;color:#dceafe;line-height: 1.8;}
.Footer-left dl a{color:#fff;}
.Footer-right div{font-size: 1.4rem;color: #dceafe;}
.Footer-right div span{margin-top: 10px;display: block}
.Footer-right div:first-child{margin-right: 75px;}
.Footer-copyright{margin-top: 40px;background: #0c0c0c;padding: 30px 0;position: relative;font-size: 1.4rem;color: #d4d4d4}
.Footer-copyright i{position: absolute;left: 50%;top: -50px;width: 154px;height: 51px;margin-left: -77px;line-height: 51px;transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-o-transform: rotate(-180deg);cursor: pointer}
.Footer-copyright:before{position: absolute;left: 50%;top: -50px;width: 154px;height: 51px;margin-left: -77px;background: url(../images/backg_3.png) no-repeat top center;content: ""}
.Footer-copyright a{color: #d4d4d4}
@media(max-width:1080px) and (min-width: 993px){
    .Footer-nav a{padding: 0 20px;}
}
@media(max-width:992px) and (min-width:768px){
    .Footer-left{width: 100%;}
    .Footer-right{width: 100%;margin-top: 30px;text-align: center}
    .Footer-right>div{display: inline-block;float: none!important;}
}
@media(max-width: 760px){
    #Footer{padding-top: 30px;margin-bottom: 60px;}
    .Footer-left{width: 100%;margin-bottom: 20px;}
    .Footer-tel{width:100%}
    .Footer-left dl dd{border-bottom: solid 1px #02347c;line-height: 40px;border-top: solid 1px #3b70bc}
    .Footer-left dl dd:first-child{border-top: none}
    .Footer-right{width: 100%;margin-top: 30px;text-align: center}
    .Footer-right>div{display: inline-block;float: none!important;}
    .Footer-copyright{padding: 14px;font-size: 1.2rem}
}
/* Footer Button */
#Footer-button{height:60px;background:#009fff;border-top:solid 1px #0176bd;z-index: 9;}
#Footer-button a{border-top:solid 1px #0176bd;border-right:solid 1px #4fbcfd;height:60px;border-left:solid 1px #0b85cf;text-align:center;overflow:hidden}
#Footer-button a i.Yc-icon{line-height:30px;height:30px;color:#fff;font-size:2.6rem;margin-top:5px;display:block}
#Footer-button a span{font-size:14px;color:#fff;}
/*Page Public*/
.Page-Banner{position: relative}
.Page-Banner-box{position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(255,255,255,.8);border-bottom: 1px solid #ececec;height: 90px;}
.Page-Banner-box h2{line-height: 88px;position: relative;font-size: 26px;color: #0092e5;border-bottom: 3px solid #fdd000}
.Page-Banner-box p{line-height: 90px;font-size: 14px;color: #000;}
.Page-Banner-box p a{color: #000}
.Page-padding{padding: 30px 0}
.Page-border{border-top: dashed 1px #cecece;border-bottom: dashed 1px #cecece;margin-bottom: 30px;}
.Page-text{font-size: 14px;color: #000;line-height: 36px}
.Page-text img{max-width: 100%;height: auto !important}
.Page-channle{padding: 10px 0 30px ;background: #f8f8f8;text-align: center}
.Page-channle li{display: inline-block;margin: 20px 10px 0 10px;}
.Page-channle li a{width: 200px;line-height: 50px;border: solid 1px #ececec;background: #fff;display: block;font-size: 16px;color: #707070}
.Page-channle li:hover a,.Page-channle li.active a{background: #1e8dff;color: #fff}
.Page-details{background: #fff}
@media(max-width: 760px){
    .Page-Banner-box{height: 50px;}
    .Page-Banner-box h2{line-height: 48px;font-size: 1.8rem}
    .Page-Banner-box p{font-size: 1.2rem;line-height: 50px}
    .Page-padding{padding: 20px 0}
    .Page-channle{padding: 10px 0 }
    .Page-channle li{width: 32.33%;margin: auto;padding: 5px 0}
    .Page-channle li a{display: block;width: 100%;line-height: 34px;font-size: 1.4rem}
}
/*Page Case*/
.Page-case-list li{padding: 0 5px ;margin-bottom: 20px;}
.Page-case-list li a{display: block;transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-o-transition: ease .3s;padding-bottom: 10px}
.Page-case-img{overflow: hidden}
.Page-case-img img{transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-o-transition: ease .3s}
.Page-case-title{line-height: 45px;font-size: 16px;color: #0093ec;position: relative;margin-bottom: 15px;}
.Page-case-title:after{position: absolute;left: 50%;bottom: 0;width: 70px;height: 1px;background: #ccc;margin-left: -35px;content: ""}
.Page-case-sunmary{color: #707070;font-size: 14px;padding: 0 20px;line-height: 25px;}
.Page-case-list li:hover a{background: #1e8dff}
.Page-case-list li:hover .Page-case-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.Page-case-list li:hover .Page-case-title{color: #fff;}
.Page-case-list li:hover .Page-case-title:after{background: #fff}
.Page-case-list li:hover .Page-case-sunmary{color: #fff}
@media(max-width: 760px){
    .Page-case-list li{margin-bottom: 10px;}
}
/*Page Case Details*/
.Page-title{margin-top: 20px;font-size: 30px;color: #333;font-weight: bold;}
.Page-info {color: #8e8e8e;font-size: 14px;line-height: 40px;}
/*Page News*/
.Page-News-list li{margin-bottom: 20px;}
.Page-News-list li:nth-child(odd){padding-left: 0;padding-right: 20px;}
.Page-News-list li:nth-child(even){padding-right: 0;padding-left: 20px;}
.Page-News-list li a{display: block;overflow: hidden}
.Page-News-img{width: 200px;height: 130px;overflow: hidden}
.Page-News-img img{transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-o-transition: ease .3s;min-height: 130px;}
.Page-News-text{width: calc(100% - 200px);padding-left: 20px;}
.Page-News-text h3{font-size: 16px;color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-top: 10px;margin-bottom: 10px;}
.Page-News-text p{color: #707070;font-size: 14px;line-height: 30px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden;}
.Page-News-list li:hover .Page-News-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.Page-News-list li:hover .Page-News-text h3{color: #1e8dff}
@media(max-width: 992px) and (min-width: 768px){
    .Page-News-list li:nth-child(odd){padding-left: 0;padding-right: 10px;}
    .Page-News-list li:nth-child(even){padding-right: 0;padding-left: 10px;}
}
@media (max-width: 760px) {
    .Page-News-list li:nth-child(odd){padding-left: 0;padding-right: 0;}
    .Page-News-list li:nth-child(even){padding-right: 0;padding-left: 0;}
    .Page-News-img{width: 140px;height: 100px;}
    .Page-News-text{width: calc(100% - 140px);padding-left: 15px;}
    .Page-News-text h3{padding-top: 0}
    .Page-News-text p{line-height: 20px;font-size: 1.2rem}
}
/*Page*/
.Page{margin-bottom:20px;}
.Page a,.Page b{display:inline-block;border:solid 1px #dedede;line-height:24px;font-size:12px;font-family:SimSun;padding:0 8px;color:#333;font-weight:normal;border-radius: 2px}
.Page a:first-child{display: none;}
.Page b{background:#1e8dff;border-color:#1e8dff;color:#fff;}
.Page a:hover{background:#1e8dff;color:#fff;border-color:#1e8dff}
/*Page Next*/
.Page-next{margin-bottom: 10px;font-size: 16px;color: #000;line-height: 36px;margin-top: -15px;}
.Page-next a{color: #707070}
.Page-next a:hover{color: #1e8dff}
/*Gotop*/
#Gotop{position: fixed;right:2%;top: 50%;text-align: center;width: 78px;z-index: 10; }
#Gotop a{display: block;margin-bottom: 2px;position: relative;height: 50px;background: #939393;color: #fff;border-radius: 5px;}
#Gotop a i{display: block;font-size: 18px;}
#Gotop a span{display: block;font-size: 14px;color: #fff}
#Gotop a b{position: absolute;font-size: 16px;bottom: 5px;right: 80px;width: 150px;height: 40px;line-height: 40px;transform: scale(0);-webkit-transform: scale(0);transition: all ease .2s;-webkit-transition: all ease .2s;transform-origin: right bottom;-webkit-transform-origin: right bottom;background-color: rgba(0,0,0,0.8);border-radius: 5px;}
#Gotop a p{position: absolute;bottom:0;visibility: hidden;right: 80px;width: 120px;height: 120px;transform: scale(0);-webkit-transform: scale(0);transition: all ease .2s;-webkit-transition: all ease .2s;transform-origin: right bottom;-webkit-transform-origin: right bottom;}
#Gotop a:first-child i,#Gotop a:last-child i{height: 100%;line-height: 50px;}
#Gotop a:hover{background: #3d3d3d;text-decoration: none}
#Gotop a:hover b{visibility: visible;transform: scale(1);-webkit-transform: scale(1);}
#Gotop a:hover p{visibility: visible;transform: scale(1);-webkit-transform: scale(1);}